<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		
		<ul>
			<li>我是第1个li</li>
			<li>我是第2个li</li>
			<li>我是第3个li</li>
			<li>我是第4个li</li>
		</ul>
		
		
   <script>
	//let 块级作用域 	
	//局部作用域和全局作用域	,块级作用域
	
	//1.普通	
	var num=100;
	console.log(num);
	
	let a=100;
	console.log(a);
	
	//2.没有变量提升	
	{
	  // console.log(b);
		let b=20;	   
	}
	//3.let 不能重复声明 (暂时性死区)
	{
		let num=10;
		//let num=20;
		console.log(num);
	}
	
	var lis=document.getElementsByTagName('li');
	
	// for(var i=0;i<lis.length;i++){
	// 	  lis[i].index=i
	// 	lis[i].onclick=function(){
	// 		console.log(this.index);
	// 	}
	// }
	
	for(let i=0;i<lis.length;i++){
		lis[i].onclick=function(){
			console.log(i);
		}
	}
	
	// lis[0].onclick=function(){
	// 	console.log(i)
	// }
	// lis[1].onclick=function(){
	// 		console.log(i)
	// }
	// lis[2].onclick=function(){
	// 	console.log(i)
	// }
	
	const PI=3.141; //定义常量的
	//PI=3.1415926;
	console.log(PI);
	
 </script>	
	</body>
</html>
